<template>
<div>
    <MyButton :text='text' :icon='icon' @click='console.log("aaa")' />
    <List :todos="todos">
        <template slot-scope="todo">
            <div>
                {{todo.todo.title}}
            </div>
        </template>
    </List>
</div>
</template>
<script>
import MyButton from './MyButton'
import List from './List/index.vue';

export default{
    name: 'Test',
    components: { MyButton, List },
    data() {
        return {
            text: 'mybutton',
            icon: 'el-icon-plus',
            todos: [
                {id:1,title:'title001'},
                {id:2,title:'title002'},
                {id:3,title:'title003'},
                {id:4,title:'title004'},
                {id:5,title:'title005'},
            ]
        }
    }
}
</script>

<style lang="less" scoped>

</style>